<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  <meta http-equiv=X-UA-Compatible content="IE=edge">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name=apple-mobile-web-app-capable content=yes>
  <meta name=apple-mobile-web-app-status-bar-style content=black>
  <meta name=format-detection content="telephone=no">
  <meta http-equiv=X-UA-Compatible content="chrome=1">
  <meta name=renderer content=webkit>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>浙江省公共数据报告</title>
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="../public/echarts.css">
  <link href="../public/iconfont.css" rel="stylesheet">
  <link rel="stylesheet" href="../public/element/index.css">
  <link rel="stylesheet" href="../public/mint-style.css">
  <link rel="stylesheet" href="hz.css">
</head>
<body>
  <!-- Swiper -->
    <div id="app" v-cloak>
        <mt-header fixed title="我的" style="font-size:18px">
            <a href="hz.html" slot="left">
                <mt-button icon="back"></mt-button>
            </a>
        </mt-header>
        <div class="main">
            <div class="contain" style="background-color:white;">
                <div style="margin:20px 0px;">
                    <mt-field label="用户名" placeholder="请输入用户名" v-model="username"></mt-field>
                    <mt-field label="密码" placeholder="请输入密码" type="password" v-modal="password"></mt-field>
                </div>
                <div style="display: flex;justify-content: center;">
                    <mt-button type="primary" style="margin-right:10px;" @click="changeUrl('bigData.html')">大数据局登录</mt-button>
                    <mt-button type="primary" @click="changeUrl('depart.html')">业务部门登录</mt-button>
                </div>
                <div style="margin-top:15px;display:flex;justify-content: center">
                    <span class="mySpan before">自主注册</span>
                    <span class="mySpan before">忘记密码</span>
                    <span class="mySpan">问题帮助</span>
                </div>
            </div>
        </div>
        <mt-tabbar v-model="selected">
            <mt-tab-item id="tab1">
              <i slot="icon" class="iconfont iconshouye" @click="changeUrl('hz.html')"></i>
              <span @click="changeUrl('hz.html')">首页</span>
            </mt-tab-item>
            <mt-tab-item id="tab2">
              <i slot="icon" class="iconfont iconxiaoxi4"></i>
              消息
            </mt-tab-item>
            <mt-tab-item id="tab3">
              <i slot="icon" class="iconfont iconkefu"></i>
              客服
            </mt-tab-item>
            <mt-tab-item id="tab4">
              <i slot="icon" class="iconfont iconrenshu" @click="changeUrl('my.html')"></i>
              <span @click="changeUrl('my.html')">我的</span>
            </mt-tab-item>
        </mt-tabbar>
    </div>

  <!-- Swiper JS -->
  <script src="../public/vue.js"></script>
  <script src="../public/echarts.js"></script>
  <script src="../public/element/index.js"></script>
  <script src="../public/mint.js"></script>
  <script src="../public/sass.js"></script>
  <script>
      var app = new Vue({
    el: '#app',
    data: {
        selected:'tab4',
        username:'',
        paddword:''
    },
    methods: {
        changeUrl(url){
            window.location.href = url
        }
    },
    computed: {
        
    },
    filters: {
        
    },
    mounted: function () {
        
    }
})
  </script>

</body>

</html>
